<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>商户查询</title>
    <link rel="stylesheet" href="/js/layui/css/layui.css" media="all">
    <script src="/js/layui/layui.js"></script>
    <script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.js" type="text/javascript"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>

<table id="demo" lay-filter="test" class="layui-table" lay-size="lg"></table>

<script>
    layui.use('table', function () {
        var table = layui.table;

        //第一个实例
        table.render({
            elem: '#demo'
            , height: 312
            , url: '/merchant/queryMerchant' //数据接口
            , cellMinWidth: 80
            , page: true //开启分页
            , cols: [[ //表头
                {field: 'id', title: 'ID', sort: true, fixed: 'left'}
                , {field: 'merchantNo', title: '商户号', sort: true}
                , {field: 'merchantName', title: '商户名'}
                , {field: 'merchantType', title: '商户类型'}
                , {field: 'merchantId', title: '商户id'}
                , {field: 'merchantCompany', title: '商户所属公司' }
                , {field: 'refundType', title: '退款类型'}
                , {field: 'merchantSign', title: '商户秘钥'}
                , {field: 'merchantPrivateKey', title: '商户私钥'}
                , {field: 'merchantPublicKey', title: '公钥'}
                , {field: 'certContext', title: '证书'}
            ]]
        });
    });
</script>
</body>
</html>